h1 {
  border-top: 1px solid #6699AA;
  padding-left: 0px;
  margin-top: 2em;
  font-weight: normal;
}

h2 {
  border-top: 1px dotted #6699AA;
  padding-left: 0px;
  font-weight: normal;
}

h3 {
  border-top: 1px dotted #77AABB;
  padding-left: 20px;
  font-size: 100%;
  font-weight: normal;
}

h4 {
  border-top: 1px dotted #77AABB;
	padding-left: 40px;
	font-size: 90%;
  font-weight: normal;
}

.timeline {
  margin: 10px 0px 20px 24px;
}

.timeline td {
  font-size: 80%;
}

.timeline .bar {
  font-size: 80%;
  color: white;
  background-color: #6666BB;
  float: left;
}

.timeline .bar .start {
  text-align: left;
}

.timeline .bar .end {
  text-align: right;
  margin-right: 1px;
}

.timeline .endOut {
  text-align: left;
  font-size: 80%;
  float: left;
  margin-left: 1px;
}

.timeline td {
  border-bottom: dotted 1px #AAAAAA;
  white-space: nowrap;
}

.timeline .month {
  border-left: dotted 1px #AAAAAA;
}